<template>
    <el-container class="sider-container">
        <el-aside class="aside">
            <slot name="menu-content"></slot>
        </el-aside>
        <el-main>
            <slot name="main-content"></slot>
        </el-main>
    </el-container>
</template>

<script setup>

</script>

<style lang="less" scoped>
.sider-container {
    height: 100%;

    .aside {
        width: 200px;
        border-right: 1px solid #E8E8E8;
    }

    .main {
        overflow: auto;
    }
}

:deep(.el-menu) {
    border-right: 0;
}
</style>